css怎么使字体更加紧凑

来源:网络整理作者: 发布时间:2020-12-17 13:44

css使字体更加紧凑的方法：可以利用letter-spacing属性来实现，如【letter-spacing: 20px;】。letter-spacing属性用于增加或减少...

举例：

length 定义字符间的固定空间（允许使用负值）。

normal 默认。规定字符间没有额外的空间。

本教程操作环境：Windows7系统、css3版，本文适用于所有品牌的电脑。

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> .p2 { letter-spacing: -4px; } .p3 { letter-spacing: 20px } </style> </head> <body> <p class="p1">正常文本！正常文本！</p> <p class="p2">紧凑的文本！紧凑的文本！</p> <p class="p3">稀疏的文本！稀疏的文本！</p> </body> </html>

效果：

css使字体更加紧凑的方法：可以利用letter-spacing属性来实现，如【letter-spacing: 20px;】。letter-spacing属性用于增加或减少字符间的空白（字符间距）。

inherit 规定应该从父元素继承 letter-spacing 属性的值。

属性值：

（学习视频分享：css视频教程）

css怎么使字体更加紧凑

letter-spacing 属性增加或减少字符间的空白（字符间距）

相关热词： CSS

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/4837.shtml

上一篇：css3怎么加内边框

下一篇：css grid布局的优缺点是什么

用react的ReactCSSTransitionGroup插件	当你自己回头来看你写的这些
我们直接看代码： !DOCTYPE htm	那么使用 CSS3 新增的选择器无
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
CSS3东西最新资讯	各路人马对它的热情都极为高
中联重科CSS3混凝土喷射机器手	CSS3与页面机关进修总结（二）
四、id选择器（#ID） ID选择器	谈谈一些有趣的CSS题目（十）
在全局:root{ }伪类中定义了一个	CSS3与页面机关进修总结（七）
而不是元素本身	在使用有厂商前缀的样式时